<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>绝地求生-绝地求生官方网站-腾讯游戏</title>
    <link rel="stylesheet" href="../fullPage.js-master/fullPage.js-master/dist/fullpage.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="../js/jquery.min.js"></script>
    <script src="../fullPage.js-master/fullPage.js-master/vendors/easings.js"></script>
    <script src="../fullPage.js-master/fullPage.js-master/vendors/scrolloverflow.js"></script>
    <script src="../fullPage.js-master/fullPage.js-master/dist/fullpage.js"></script>
    <script src="index.js"></script>
</head>
<body>
    <!-- 工具条 -->
    <div class="toolbar">
        <div class="toolbar-in">
            <div>
                <div>
                    <a href="#" title="腾讯游戏logo"></a>
                </div>
                <div>
                    <a href="#">
                        <img src="assets/asset%2017.jpeg" alt="">
                        <img src="assets/big-ad.jpg" class="big-image">
                    </a>
                </div>
            </div>
            <div>
                <div>
                    <a href="#">
                        <i></i>
                        成长守护平台
                    </a>
                </div>
                <div>
                    <a href="#">
                        腾讯游戏排行榜
                        <i></i>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航条 -->
    <div class="nav">
        <div class="nav-in">
            <h1>
                <a href="#" title="绝地求生官方网站">
                    <img src="assets/asset%200.png" alt="">
                </a>
            </h1>
            <ul>
                <li><a href="#" title="官网首页">官网首页</a></li>
                <li><a href="#" title="绑定查询">绑定查询</a></li>
                <li><a href="#" title="国服预约">国服预约</a></li>
                <li><a href="#" title="老兵绑定">老兵绑定</a></li>
                <li><a href="#" title="游戏特色">游戏特色</a></li>
                <li><a href="#" title="社区APP">社区APP</a></li>
                <li><a href="#" title="网吧认证">网吧认证</a></li>
            </ul>
            <div>
                <a href="#" title="进入官网">进入官网</a>
            </div>
        </div>
    </div>
    <!-- 菜单 -->
    <ul id="myMenu">
        <li class="menu-up"></li>
        <li data-menuanchor="secondPage" class="menu">
            <a href="#secondPage">
                <b>N</b>
                <i></i>
                <div>丰富防具</div>
            </a>
        </li>
        <li data-menuanchor="thirdPage" class="menu">
            <a href="#thirdPage">
                <b>NE</b>
                <i></i>
                <div>丰富武器及配件</div>
            </a>
        </li>
        <li data-menuanchor="fourthPage" class="menu">
            <a href="#fourthPage">
                <b>E</b>
                <i></i>
                <div>丰富天气和地形</div>
            </a>
        </li>
        <li data-menuanchor="fifthPage" class="menu">
            <a href="#fifthPage">
                <b>SE</b>
                <i></i>
                <div>丰富载具</div>
            </a>
        </li>
        <li data-menuanchor="sixthPage" class="menu">
            <a href="#sixthPage">
                <b>S</b>
                <i></i>
                <div>地形&策略</div>
            </a>
        </li>
        <li class="menu-down"></li>
    </ul>
    <!-- 提示图标 -->
    <div class="tips"></div>
    <div id="fullpage">
        <div class="section section-one">
            <video autoplay loop muted data-keepplaying>
                <source data-src="assets/one.mp4" type="video/mp4" />
            </video>
            <div class="play">
                <a href="#" title="视频"></a>
            </div>
            <img src="assets/asset%200.png" alt="">
        </div>
        <div class="section section-two">
            <video autoplay loop muted data-keepplaying>
                <source data-src="assets/two.mp4" type="video/mp4" />
            </video>
            <div class="title">
                <span></span>
                <span></span>
            </div>
            <h2>
                <span>连呼吸都必须小心翼翼，前所未有的紧张刺激体验</span>
            </h2>
            <div class="ripper">
                <span>+</span>
                <b></b>
                <b></b>
            </div>
        </div>
        <div class="section section-three">
            <video autoplay loop muted data-keepplaying>
                <source data-src="assets/three.mp4" type="video/mp4" />
            </video>
            <div class="title">
                <span></span>
                <span></span>
            </div>
            <h2>
                <span>真实的射击体验，多种枪械与配件，眼观六路耳听八方</span>
            </h2>
            <div class="ripper">
                <span>+</span>
                <b></b>
                <b></b>
            </div>
        </div>
        <div class="section section-four">
            <ul>
                <li>
                    <img src="assets/asset%202.jpeg" alt="">
                    <h3></h3>
                </li>
                <li>
                    <img src="assets/asset%203.jpeg" alt="">
                    <h3></h3>
                </li>
                <li>
                    <img src="assets/asset%204.jpeg" alt="">
                    <h3></h3>
                </li>
            </ul>
            <div class="title"></div>
            <div class="weather">
                <i></i>
                <b>天气</b>
                <span></span>
                <p>天气将严重影响视野，既潜藏着危险，也能成为你的掩护</p>
            </div>
            <div class="terrain">
                <i></i>
                <b>地形</b>
                <span></span>
                <p>善于利用不同的地形埋伏和躲避，才能取得胜利</p>
            </div>
        </div>
        <div class="section section-five">
            <video autoplay loop muted data-keepplaying>
                <source data-src="assets/five.mp4" type="video/mp4" />
            </video>
            <div class="title">
                <span></span>
                <span></span>
            </div>
            <h2>
                <span>丰富载具，团队合作，好友开黑</span>
            </h2>
            <div class="ripper">
                <span>+</span>
                <b></b>
                <b></b>
            </div>
        </div>
        <div class="section section-six">
            <div class="one">
                <div class="ripper">
                    <span>+</span>
                    <b></b>
                    <b></b>
                </div>
                <video autoplay loop muted data-keepplaying>
                    <source data-src="assets/six-1.mp4" type="video/mp4" />
                </video>
            </div>
            <div class="two">
                <div class="ripper">
                    <span>+</span>
                    <b></b>
                    <b></b>
                </div>
                <video autoplay loop muted data-keepplaying>
                    <source data-src="assets/six-2.mp4" type="video/mp4" />
                </video>
            </div>
        </div>
        <!-- 某一屏添加了这个类名，高度就是内容的高度 -->
        <div class="section fp-auto-height section-seven">
            <div class="footer-in">
                <div class="footer-left">
                    <a href="#"></a>
                    <span></span>
                </div>
                <div class="footer-right">
                    <p>
                        <a href="#">腾讯互动娱乐</a>
                        <span>|</span>
                        <a href="#">服务条款</a>
                        <span>|</span>
                        <a href="#">隐私保护指引</a>
                        <span>|</span>
                        <a href="#">儿童隐私保护指引</a>
                        <span>|</span>
                        <a href="#">腾讯游戏招聘</a>
                        <span>|</span>
                        <a href="#">腾讯游戏客服</a>
                        <span>|</span>
                        <a href="#">游戏列表</a>
                        <span>|</span>
                        <a href="#">广告服务及商务合作</a>
                    </p>
                    <p>
                        <a href="#">腾讯公司版权所有</a>
                    </p>
                    <div>
                        <p>COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.</p>
                        <p>©PUBG Corporation. All rights reserved.</p>
                    </div>
                    <p>
                        <a href="#">
                            <img src="assets/asset%2015.png" alt="">
                            工商网监电子标识
                        </a>
                        <span>|</span>
                        <a href="#">粤网文[2020]3396-195号</a>
                        <span>|</span>
                        <a href="#">（署）网出证（粤）字第054号</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
